<template>
  <div class="main">
    <el-card>
      <template #header>
        <span>登录详情</span>
      </template>
      <div class="login">
        <ev-chart :chart-id="loginOpt"></ev-chart>
      </div>
    </el-card>
    <el-card>
      <template #header>
        <span>登录IP详情</span>
      </template>
      <div class="loginIP">
        <ev-chart :chart-id="loginIpOpt"></ev-chart>
      </div>
    </el-card>
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue'
import api from './service/api'

const loginOpt = ref('6ee60e0e-6f05-44f6-85fd-f2426738cd77')
const loginIpOpt = ref('0ab5bd05-84c6-4619-8630-361d7a7f08cf')

</script>

<style lang="scss" scoped>
.main{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  .login{
    width: 770px;
    height: 700px;
  }
  .loginIP{
    width: 770px;
    height: 700px;
  }
}
</style>